@charset "gb2312";
/* media css Document */
@media screen and (max-width: 823px) {
    .ibody {
        background: url(../images/ms8.png) top right no-repeat #FFF;
        width: 90%;
        margin: auto;
        box-shadow: 0px 2px 5px #666;
    }

    article {
        float: none;
        width: 100%
    }

    article {
        background: #fff
    }

    header {
        background: url(../images/ms8.png) top right no-repeat #FFF;
    }

    aside, .dateview {
        display: none
    }

    nav {
        padding-left: 0;
        text-align: center
    }

    nav a {
        padding: 0 5px;
    }

    .banner {
        background-size: auto;
        height: 130px;
        font-size: 12px;
        font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    }

    .texts {
        line-height: 36px;
        padding: 20px 0 0 10px;
        text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
    }

    .blogs::after {
        background: none
    }

    .autor span {
        margin: 0 5px;
    }

    .blogs figure {
        width: 35%;
    }

    .blogs ul {
        width: 62%;
    }
}

@media screen and (max-width: 598px) {
    .ibody {
        background: url(../images/ms8.png) top right no-repeat #FFF;
        width: 90%;
        margin: auto;
        box-shadow: 0px 2px 5px #666;
    }

    article {
        float: none;
        width: 100%
    }

    article {
        background: #fff
    }

    header {
        background: url(../images/ms8.png) top right no-repeat #FFF;
    }

    aside, header h1, header h2, .dateview {
        display: none
    }

    nav {
        height: auto;
        line-height: 40px;
        text-align: center;
        background: #FFF;
        padding-left: 0px
    }

    nav a {
        display: block;
        background: #323232;
        clear: both;
        margin-bottom: 2px
    }

    .logo {
        position: static;
        margin: 0 auto 10px
    }

    .banner {
        background-size: auto;
        height: 130px;
        font-size: 12px;
        font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    }

    .texts {
        line-height: 36px;
        padding: 20px 0 0 10px;
        text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
    }

    .blogs::after {
        background: none
    }

    .autor span {
        margin: 0 5px;
    }

    .blogs figure {
        width: 35%;
    }

    .blogs ul {
        width: 62%;
    }
}

@media screen and (max-width: 480px) {
    .ibody {
        width: 90%;
        margin: auto;
        box-shadow: 0px 2px 5px #666;
    }

    article {
        float: none;
        width: 100%
    }

    article {
        background: #fff
    }

    header {
        background: url(../images/ms8.png) top right no-repeat #FFF;
    }

    aside, header h1, header h2, .dateview, .banner, .bloglist h2, .blogs figure img, .newblog figure img, .newblog .autor {
        display: none
    }

    nav {
        height: auto;
        line-height: 40px;
        text-align: center;
        background: #FFF;
        padding-left: 0px
    }

    nav a {
        display: block;
        background: #323232;
        clear: both;
        margin-bottom: 2px
    }

    .logo {
        position: static;
        margin: 0 auto 10px
    }

    .texts {
        line-height: 36px;
        padding: 20px 0 0 10px;
        text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
    }

    .blogs::after, .newblog::after {
        background: none
    }

    .autor span {
        margin: 0;
    }

    .blogs figure {
        width: 100%;
        float: none;
    }

    .blogs ul, .newblog ul {
        width: 100%;
        float: none;
    }

    .blogs {
        margin: 0 10px 10px 10px;
    }
}
